<!DOCTYPE html>
<html lang='zh-CN'>

<head>
    <title>dfgg Minecraft服务器官网</title>
    <meta charset="utf-8">
    <link rel="Shortcut Icon" href="/favicon.ico" type="image/x-icon" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <link rel="stylesheet" href="/public/resources/css/main.css?version=1.0.0">
    <link rel="stylesheet" href="/public/resources/css/index.css?version=1.0.0">
    <link rel="stylesheet" href="/public/resources/css/server-photo.css">
    <link rel="stylesheet" href="/public/resources/css/BetterButton.css">
    <link href="https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/animate.css/4.1.1/animate.min.css" rel="stylesheet">
    <link href="https://lf6-cdn-tos.bytecdntp.com/cdn/expire-1-M/fullPage.js/3.1.2/fullpage.min.css" rel="stylesheet">

    <!--防止出现莫名其妙错误所以js加载顺序禁止调换-->
    <script src="/public/resources/js/translate.min.js"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
    <script src="https://kit.fontawesome.com/deb46094a2.js" crossorigin="anonymous"></script>
    <script src="https://lf6-cdn-tos.bytecdntp.com/cdn/expire-1-M/nprogress/0.2.0/nprogress.min.js"></script>
    <script src="https://lf3-cdn-tos.bytecdntp.com/cdn/expire-1-M/fullPage.js/3.1.2/fullpage.min.js"></script>
    <script src="/public/resources/js/function.js"></script>
    <meta name="description" content="一个使用Cuberite_dfgg作为服务端的1.12.2建筑服务器">
    <meta name="keywords" content="dfggmc, 我的世界服务器, 我的世界, 1.12.2, 服务器, Java服务器">
</head>

<body>
    <script>
        NProgress.start();
        window.onload = function () {
            NProgress.done();
        }
    </script>
    <main>
        <menu id="menu">
            <li>
                <a href="/">
                    <button class="BetterButton" data-menuanchor="home" class="active">
                        <i class="fa-solid fa-house"></i>首页
                    </button>
                </a>
            </li>
            <li>
                <a href="#about">
                    <button class="BetterButton" data-menuanchor="about">
                        <i class="fa-solid fa-address-card"></i>
                        关于
                    </button>
                </a>
            </li>
            <li>
                <a href="#link">
                    <button class="BetterButton" data-menuanchor="link">
                        <i class="fa-solid fa-link"></i>
                        一些链接
                    </button>
                </a>
            </li>
            <li>
                <a href="#friends">
                    <button class="BetterButton" data-menuanchor="friends">
                        <i class="fa-solid fa-people-pulling"></i>
                        友链
                    </button>
                </a>
            </li>
            <li>
                <a href="#photos">
                    <button class="BetterButton" data-menuanchor="photos">
                        <i class="fa-solid fa-photo-film"></i>
                        服务器截图
                    </button>
                </a>
            </li>
        </menu>

        <div id="fullpage">
            <div class="section" style="text-align: center;">
                <div class="animate__animated animate__backInDown">
                    <h1>欢迎来到dfgg Minecraft服务器官网！</h1>
                    <h2>一个使用 <i class="ignore">Cuberite_dfgg</i> 作为服务端的1.8.x-1.12.x的多玩法服务器</h2>
                </div>
            </div>

            <div class="section">
                <div class="section2-element" style="margin: 80px">
                    <h2>什么？机顶盒也能开服务器？？？！</h2>
                    <p style="font-size: 2em;">没错而且还很稳定!</p>
                    <img style="max-width: 500px; max-height: 300px;" src="/public/resources/image/bujuedehenkuma.jpg"
                        alt="不觉得很酷吗？">
                    <iframe src="https://state.dfggmc.eu.org/servers" width="40%" height="76px"
                        frameborder="0"></iframe>
                </div>
            </div>

            <div class="section">
                <div class="section3-element">
                    <h2 style="text-align: center;">关于服务器的链接</h2>
                    <div style="
                    display: flex;
                    justify-content: center;
                    gap: 20px;
                    flex-wrap: wrap;
                    ">
                        <a href="https://docs.qq.com/form/page/DVkZITmRlVHF5TVF1" target="_blank">
                            <button class="BetterButton">
                                服务器白名单申请问卷
                            </button>
                        </a>
                        <a href="https://discord.gg/jWCdnXB5nR" target="_blank">
                            <button class="BetterButton">
                                加入 Discord 聊天
                            </button>
                        </a>
                        <a href="https://bbs.dfggmc.top" target="_blank">
                            <button class="BetterButton">
                                论坛
                            </button>
                        </a>
                    </div>
                </div>
            </div>

            <div class="section">
                <div class="section2-element" style="margin: 80px">
                    <h2>友链</h2>
                    <div class="section2-element-content">
                        <a href="https://peg195.eu.org/" target="_blank" rel="noopener noreferrer">
                            <div class="section2-element-content-item">
                                <img src="https://imag.xcccx.top/uploads/2024/02/02/65bce58830205.gif" alt="peg195的博客">
                                <p>peg195的博客</p>
                            </div>
                        </a>
                        <a href="https://mscpo.netlify.app/" target="_blank" rel="noopener noreferrer">
                            <div class="section2-element-content-item">
                                <img src="https://mscpo.netlify.app/logo2.png" alt="Minecraft服务器集体宣传组织 (MSCPO)">
                                <p>Minecraft服务器集体宣传组织 (MSCPO)</p>
                            </div>
                        </a>
                        <a href="https://maserver.netlify.app/" target="_blank" rel="noopener noreferrer">
                            <div class="section2-element-content-item">
                                <img src="https://maserver.netlify.app/images/Union.png" alt="MA-CAT社会主义联盟">
                                <p>MA-CAT社会主义联盟</p>
                            </div>
                        </a>
                        <a href="https://www.lzdcraft.top" target="_blank" rel="noopener noreferrer">
                            <div class="section2-element-content-item">
                                <img src="https://lzdcraft.sx7.top/assets/img/logo1.png" alt="LZD服务器">
                                <p>LZD服务器</p>
                            </div>
                        </a>
                        <a href="https://api.lolimi.cn/" target="_blank" rel="noopener noreferrer">
                            <div class="section2-element-content-item">
                                <img src="https://q1.qlogo.cn/g?b=qq&nk=3498949583&s=640" alt="桑帛云API - 免费、易用的API接口平台">
                                <p>桑帛云API - 免费、易用的API接口平台</p>
                            </div>
                        </a>
                    </div>
                </div>
            </div>

            <div class="section">
                <div class="slide server-photo-slide1">
                    <p style="margin: 80px;">服务器截图 - 主城</p>
                </div>
                <div class="slide server-photo-slide2">
                    <p style="margin: 80px;">服务器截图 - 主城黄昏</p>
                </div>
                <div class="slide server-photo-slide3">
                    <p style="margin: 80px;">服务器截图 - 2024新春截图</p>
                </div>
            </div>
        </div>
    </main>
    <script>
        $('#fullpage').fullpage({
            anchors: ['home', 'about', 'link', 'friends', 'photos'],
            sectionsColor: ['#03A9F4', '#4BBFC3', '#7BAABE', '#64FFDA', '#f90'],
            fitToSection: true,
            loopTop: true,
            loopBottom: true,
            menu: '#menu',
            onLeave: function (origin, destination, direction) {
                if (direction === 'up') {
                    // 向上滚动，显示内容
                    $('footer').slideDown()
                } else if (direction === 'down') {
                    // 向下滚动，隐藏内容
                    $('footer').slideUp()
                }
            }
        })
    </script>
    <div id="footer"></div>
    <script>
        $("#footer").load('/public/common/footer.html?v=0.0.1');
    </script>
</body>

</html>